<style media="print">
    @page {
        size: auto;  /* auto is the initial value */
        margin: 0mm; /* this affects the margin in the printer settings */
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="" style="font-size: 15px">
    <div style="text-align: center;font-size: 30px">
        <span >{if condition="$row['type'] == 1"} 报损单 {else /}报溢单{/if}</span>
    </div>
    <div class="content">
        <div class="panel panel-default panel-intro">

            <div class="panel-body">
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="one">
                        <div class="widget-body no-padding">

                            <div class="bootstrap-table">
                                <div class="commonsearch-table ">
                                    <fieldset>
                                        <div class="row">

                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;订单编号 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$row.number}</span>
                                                </div>
                                            </div>

                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;出库仓库 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$hrow.name}</span>
                                                </div>
                                            </div>
                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;订单日期 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$row.createtime|date='Y-m-d',###}</span>
                                                </div>
                                            </div>
                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;部门单位 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$row.company}</span>
                                                </div>
                                            </div>
                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;业务员 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$row.operator}</span>
                                                </div>
                                            </div>

                                            <div class="" style="float: left;width:25%">
                                                <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;说明 : </label>
                                                <div class="" style="float: left">
                                                    <span class="">{$row.explain}</span>
                                                </div>
                                            </div>

                                        </div>
                                </div>
                                </fieldset>
                            </div>
                        </div>


                        <!--                        <div class="fixed-table-toolbar"><div class="bs-bars pull-left"><div id="toolbar" class="toolbar" style="position: relative;">-->
                        <!--                            <a href="javascript:;" class="btn btn-success btn-add " title="添加"><i class="fa fa-plus"></i> 添加</a>-->
                        <!--                        </div>-->
                    </div><div class="columns-right pull-right" style="margin-top:10px;margin-bottom:10px;">
                </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"  data-operate-edit="1" data-operate-del="1" width="100%" >
                        <thead>
                        <tr>
                            <th style="text-align: center; vertical-align: middle; " data-field="id"><div class="th-inner ">Id</div></th>
                            <th style="text-align: center; vertical-align: middle; " ><div class="th-inner ">商品编号</div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="number"><div class="th-inner ">商品名称</div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="supplier_id"><div class="th-inner ">规格</div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="supplier_id"><div class="th-inner ">账面库存</div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="supplier_id"><div class="th-inner ">虚拟库存</div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="order_goods_total"><div class="th-inner ">调整数量</div><div class="fht-cell"></div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="order_price"><div class="th-inner ">成本价</div><div class="fht-cell"></div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="order_price"><div class="th-inner ">成本金额</div><div class="fht-cell"></div></th>
                            <th style="text-align: center; vertical-align: middle; " data-field="operate"><div class="th-inner ">备注</div><div class="fht-cell"></div></th>
                        </tr>
                        </thead>
                        <tbody data-listidx="0" class="connnn" >
                        {volist name="list" id="vo"}
                        <tr data-index="0"  >
                            <td style="text-align: center; vertical-align: middle; ">{$key+1}</td>
                            <td style="text-align: center; vertical-align: middle; ">{$vo.number}</td>
                            <td style="text-align: center; vertical-align: middle;white-space: nowrap;weight:100%; ">{$vo.title}</td>
                            <!--                                            <td style="text-align: center; vertical-align: middle; ">{$vo.place_origin}</td>-->
                            <td style="text-align: center; vertical-align: middle; " >{$vo.specs}</td>
                            <td style="text-align: center; vertical-align: middle; " >{$vo.stock}</td>
                            <td style="text-align: center; vertical-align: middle; " >{$vo.xstock}</td>
                            <td style="text-align: center; vertical-align: middle; " class="goods_num">{$vo.goods_num}</td>
                            <td style="text-align: center; vertical-align: middle; " >{$vo.final_cost}</span></td>
                            <td style="text-align: center; vertical-align: middle; " class="buy_price">{$vo.final_cost*$vo.goods_num}</td>
                            <td style="text-align: center; vertical-align: middle; min-width: 100px;
                                                        white-space: nowrap;
                                                        text-overflow:ellipsis;
                                                        overflow:hidden;
                                                        max-width: 120px" class="remark">{$vo.remark}</td>
                        </tr>
                        {/volist}
                        </tbody>

                        <tbody class="tbfoot" data-listidx="0" style="display: ">
                        <td style="text-align: center; vertical-align: middle; ">合计</td>
                        <td style="text-align: center; vertical-align: middle; "></td>
                        <!--                                    <td style="text-align: center; vertical-align: middle; "></td>-->
                        <!--                                    <td style="text-align: center; vertical-align: middle; "></td>-->
                        <td style="text-align: center; vertical-align: middle; "></td>
                        <td style="text-align: center; vertical-align: middle; " ></td>
                        <!--                                    <td style="text-align: center; vertical-align: middle; "></td>-->
                        <td style="text-align: center; vertical-align: middle; "></td>
                        <td style="text-align: center; vertical-align: middle; " ></td>
                        <td style="text-align: center; vertical-align: middle; " class="allnum"></td>
                        <td style="text-align: center; vertical-align: middle; "></td>
                        <td style="text-align: center; vertical-align: middle; " class="alprice"></td>
                        <td style="text-align: center; vertical-align: middle; "></td>
                        </tbody>
                    </table>
                </div>
                <br>
            </div>

            <div class="widget-body no-padding" style="display: ">
                <div class="bootstrap-table">
                    <div class="commonsearch-table ">
                        <fieldset>
                            <div class="row">
                                <div class="" style="float: left;width:20%">
                                    <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;制单人 : </label>
                                    <div class="" style="float: left">
                                        <span class="">{$row.operator}</span>
                                    </div>
                                </div>

                                <div class="" style="float: left;width:20%">
                                    <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;总经理确认 : </label>
                                    <div class="" style="float: left">
                                    </div>
                                </div>
                                <div class="" style="float: left;width:20%">
                                    <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;财务确认 : </label>
                                    <div class="" style="float: left">
                                    </div>
                                </div>
                                <div class="" style="float: left;width:20%">
                                    <label  style="float: left" for="operator" >&nbsp;&nbsp;&nbsp;&nbsp;仓库确认 : </label>
                                    <div class="" style="float: left">
                                    </div>
                                </div>

                            </div>
                            <div style="display: block;text-align: center">
                                <span></span>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>



        </div>
    </div>

    </div>
</form>
</div>
</div>


<div class="form-group layer-footer">
    <a class="btn btn-outline-success" href="javascript:printHTML('#add-form')" target="_self" style="margin-left: 20px">打印</a>
    <!--    <a class="btn btn-outline-success  printing" href="###" target="_self" style="margin-left: 20px" >打印</a>-->
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script>
    function printHTML(page)
    {
        var bodyHTML=window.document.body.innerHTML;
        window.document.body.innerHTML=$(page).html();
        window.print();
        setTimeout(function () {
            window.document.body.innerHTML=bodyHTML;
        },1800)
        return false
    }

    $('body').on('mouseenter','.remark',function () {
        if (this.offsetWidth < this.scrollWidth) {
            var that = this;
            var text = $(this).text();
            layer.tips(text, that,{
                tips: 1,
                time: 2000         //设置显示时间
            });
        }
    })




    count()
    function count() {
        var alprice = 0;//采购金额
        var allnum = 0;//采购数量

        $('.connnn').find("tr").each(function(){
            var goods_num = $(this).find('.goods_num').html()*1;
            var buy_price = $(this).find('.buy_price').html()*1;
            allnum= allnum+goods_num
            alprice= buy_price+alprice
        });
        $('.alprice').html(alprice.toFixed(4))
        $('.allnum').html(allnum)
    }



</script>
